/*初始化*/ @charset "utf-8"; *{margin:0;padding:0;} body{color:#474747;margin:0 auto;font-size:14px;line-height:24px;font-family:"宋体"; -webkit-text-size-adjust:none;background:#fff;} ol,ul,li{list-style:none;} img{border:none; vertical-align:top;} a{color:#474747;text-decoration:none;outline:none;} a:hover{color:#0c7dc4;} button,input,select,textarea{font-size:100%;font-family:tahoma;margin:0;outline:0 none;vertical-align:baseline;*vertical-align:middle; border:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} .left{float:left;} .right{float:right;} .clearfix:before,.clearfix:after{content:''; display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;} .none{ display:none;} em,i{font-style:normal;} /*-- header --*/ .header{ position:relative; background:url(../images/headerbg.jpg) no-repeat center top; width:100%; height:132px; z-index:9990;} .wrap{ width:1036px; margin:0 auto;} header .wrap{ } .logo{ float:left; width:209px; height:auto; margin-top:14px;} .header_right{ float:right; text-align:right; margin-right:10px;} .header_right span{ display:block;} .login{ color:#686868; margin-top:18px;} .login a{ color:#686868; padding:0 6px;} .tel{ background:url(../images/tel.jpg) no-repeat; width:308px; height:33px;margin-right:6px;} /*-- nav --*/ nav{ position:absolute; bottom:0; left:0; width:100%;} .navBar{ position:relative; z-index:9; height:48px; background:url(../images/navbg.png) repeat-x; } .nav{ width:1056px; margin:0 auto;} .nav .m{ position:relative; float:left; width:132px; display:inline; text-align:center; } .nav h3 a{ zoom:1; display:block; overflow:hidden; line-height:48px; width:132px; height:48px; text-indent:-999em; } .nav .sub{ display:none; width:132px; position:absolute; left:0px; top:48px; background:url(../images/navsubbg.png) repeat;float:left; padding:15px 0 20px 0; } .nav .sub li{ text-align:center; } .nav .sub li a{ color:#fff; display:block; height:30px; line-height:30px; overflow:hidden; zoom:1; } .nav .sub li a:hover{ color:#f6a601;} .nav .on h3 a{} #m1 h3 a{ background:url(../images/nav_bg1.png) no-repeat; } #m2 h3 a{ background:url(../images/nav_bg2.png) no-repeat; } #m3 h3 a{ background:url(../images/nav_bg4.png) no-repeat; } #m4 h3 a{ background:url(../images/nav_bg3.png) no-repeat; } #m5 h3 a{ background:url(../images/nav_bg5.png) no-repeat; } #m6 h3 a{ background:url(../images/nav_bg6.png) no-repeat; } #m7 h3 a{ background:url(../images/nav_bg7.png) no-repeat; } #m8 h3 a{ background:url(../images/nav_bg8.png) no-repeat; } #m1:hover h3 a{ background:url(../images/nav_bghover1.png) no-repeat; } #m2:hover h3 a{ background:url(../images/nav_bghover2.png) no-repeat; } #m3:hover h3 a{ background:url(../images/nav_bghover4.png) no-repeat; } #m4:hover h3 a{ background:url(../images/nav_bghover3.png) no-repeat; } #m5:hover h3 a{ background:url(../images/nav_bghover5.png) no-repeat; } #m6:hover h3 a{ background:url(../images/nav_bghover6.png) no-repeat; } #m7:hover h3 a{ background:url(../images/nav_bghover7.png) no-repeat; } #m8:hover h3 a{ background:url(../images/nav_bghover8.png) no-repeat; } /*-- banner --*/ .banner{ width:100%; overflow:hidden; position:relative; text-align:center;} .banner .bd{ position:relative; height:100%; z-index:0; } .banner .bd li{ zoom:1; vertical-align:middle;height:353px; } .banner .bd li a{display:block; height:353px; } .banner .hd{ width:100%; position:absolute; z-index:1; bottom:15px; left:0; height:22px; line-height:22px;text-align:center; _background:#000; _filter:alpha(opacity=60); } .banner .hd ul{text-align:center; } .banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; background:#fff; overflow:hidden; line-height:9999px; } .banner .hd ul .on{background:#0c7dc4; } /*mark*/ .mark{ background:url(../images/markbg.jpg) repeat-x; height:48px; width:100%;} .mark ul{ width:1200px; margin:0 auto; padding-top:5px;} .mark ul li{ float:left; width:140px; height:36px; border:1px solid #e3e1e1; margin-right:6px; text-align:center; line-height:36px;} .mark ul li a{ color:#767676; } ._2{ padding-bottom:1px; border-bottom:1px solid #ededed;} /*焦点图*/ .focusBox { position: relative; width: 237px; padding:10px 7.5px 24px; height: 164px; overflow: hidden; text-align: left; background:url(../images/noticebg.jpg) no-repeat; } .focusBox .pic img { width: 237px; height:164px; display: block; } .focusBox .txt-bg { position: absolute; bottom: 24px; z-index: 1; height: 28px; width:237px; background: #000; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; } .focusBox .txt { position: absolute; bottom: 24px; z-index: 2; height: 28px; width:100%; overflow: hidden; } .focusBox .txt li{ height:28px; line-height:28px; position:absolute; bottom:-28px;} .focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; text-decoration: none; } .focusBox .num { position: absolute; z-index: 3; bottom: 32px; right: 8px; } .focusBox .num li{ float: left; position: relative; width: 9px; height: 9px; line-height: 9px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; margin:0 3px; } .focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; } .focusBox .num li span {width: 9px; height: 9px; z-index: 1; background:url(../images/cont1_circlebg.png) no-repeat right top; filter: alpha(opacity=50); opacity: 0.5; } .focusBox .num li.on a,.focusBox .num a:hover{ background:url(../images/cont1_circlebg.png) no-repeat left top; } .focusBox .num li a{ text-indent:-999em;} .cont1{padding:35px 0;} .cont1_left{float:left;width:308px; height:250px; background:url(../images/cont1_leftbg.jpg) no-repeat;} .cont1_left .title a{ display:block; background:url(../images/title_bg1.jpg) no-repeat; width:185px; height:29px; margin-bottom:15px;} /*cont1_center*/ .cont1_center{ float:right;width:450px; padding-left:10px; } .hasMoreTab{ width:450px; } .hasMoreTab .hd{ line-height:28px; height:28px; position:relative; } .hasMoreTab .hd .more{ float:right; background:url(../images/morebg.jpg) no-repeat; width:62px; height:19px; text-align:center; line-height:19px; margin-top:4px; color:#303030;} .hasMoreTab .hd ul{ z-index:5; padding-left:10px; position:absolute; height:28px; overflow:hidden; zoom:1; } .hasMoreTab .hd li{ float:left; width:97px; height:26px; line-height:26px; cursor:pointer; text-align:center; border:1px solid #bababa; margin-right:14px; } .hasMoreTab .hd li.on{ font-weight:bold; height:25px; line-height:25px; background:#0c7dc4; font-weight:bold; } .hasMoreTab .hd li.on a{color:#fff;} .hasMoreTab .hd li:hover a{color:#fff} .hasMoreTab .bd{ padding:10px; clear:both; position:relative; } .hasMoreTab .bd h2{ font-size:14px; } .hasMoreTab .bd p{ color:#999; } .hasMoreTab .bd p a{ color:#c00; } .hd_title1{ background:url(../images/cont1_tabico1.png) no-repeat;} .hd_title2{background:url(../images/cont1_tabico2.png) no-repeat; } .hasMoreTab .hd li a{padding-left:18px; font-size:14px;} .hasMoreTab .hd li.on a.hd_title1{ background:url(../images/cont1_tabico1w.png) no-repeat;} .hasMoreTab .hd li.on a.hd_title2{ background:url(../images/cont1_tabico2w.png) no-repeat;} .con ul li a{ width:260px; display:inline-block; overflow:hidden; float:left; height:21px; text-overflow: ellipsis;white-space: nowrap;} .con ul li{ background:url(../images/tab_libg.png) no-repeat left center; padding-left:10px; overflow:hidden;} .con ul li a{ color:#303030; } .con ul li a:hover{color:red;} .con ul li span{ color:#3b3b3b;float:right;} /*cont1_right*/ .cont1_right{ float:left; width:560px; padding-left:5px;} .cont1_right .title{margin-bottom:10px; margin-left:10px;} .cont1_right .title .more{ float:right; background:url(../images/morebg.jpg) no-repeat; width:62px; height:19px; text-align:center; line-height:19px; margin:4px 4px 0 0; color:#303030; font-size:12px;} .cont1_right .title span{ display:inline-block; width:146px; height:29px;} .video{ display:block;} .cont1_right ul{float:left;} .cont1_right ul li {width:260px;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; padding-right:20px;} .cont1_right ul li img {width:260px;} /*cont2*/ .cont2{ margin-bottom:35px; } .cont2 ul{} .cont2 li{ float:left; width:195px; padding-right:10px;} .cont2 li.li1 a{ background:url(../images/cont1_ico1.jpg) no-repeat left top; } .cont2 li.li2 a{ background:url(../images/cont1_ico2.jpg) no-repeat left top; } .cont2 li.li3 a{ background:url(../images/cont1_ico3.jpg) no-repeat left top; } .cont2 li.li4 a{ background:url(../images/cont1_ico4.jpg) no-repeat left top; } .cont2 li.li5 a{ background:url(../images/cont1_ico5.jpg) no-repeat left top; } .cont2 li a{ display:block;padding-left:85px;height:85px;} .cont2 li a span{ display:block;border-right:1px solid #e4e4e4; height:55px; color:#3b3b3b; font-size:16px; line-height:24px;} .cont2 li a span i{ display:block; color:#9e9d9d; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .cont2 li a span em{ padding-top:5px; display:block;} .cont2 li.li7 span{border-right:none;} .cont2_bottombg{background:url(../images/cont2_bg.jpg) no-repeat center center;width:100%; margin:0 auto; height:22px;} /*cont3*/ .cont3{ width:100%;} .cont3_top{ width:1006px; margin:0 auto; height:29px; line-height:29px;} .cont3_title{ background:url(../images/title_bg3.jpg) no-repeat; width:192px; height:29px; display:inline-block; float:left;} .cont3_right{ float:right; text-align:right;} .cont3_right{color:#3b3b3b} .cont3_right a{ color:#3b3b3b;} /* search */ .search{ float:left; width:640px;} .search_title{ background:url(../images/search_bg1.png) no-repeat left center; padding-left:40px; color:#0c7dc4; font-size:14px; height:29px; line-height:29px; float:left; display:inline-block; text-align:left; font-family:"微软雅黑";} .search_txt { background:none;float:left; width:123px; height:20px; line-height:20px; border:1px solid #b8b7b7; padding-left:5px; margin-top:5px;} .search_btn { width:48px;border:1px solid #b8b7b7; background:#0c7dc4; line-height:20px; text-align:center; color:#fff;float:left; cursor:pointer; margin-top:5px;} /* select */ /*图片滚动*/ .productScroll{width:1006px; height:186px;margin:45px auto 15px;position:relative;background:url(../images/proscroll_platformbg.png) no-repeat bottom center; padding:0 93px 122px;} .productScroll .prev,.productScroll .next{width:49px;height:58px;position:absolute;top:65px;left:0px;z-index:100; cursor:pointer; background:url(../images/proscroll_btn1.png) no-repeat;} .productScroll .next{ background:url(../images/proscroll_btn2.png) no-repeat;left:auto; right:0px; } .productScroll .prev:hover{ background:url(../images/proscroll_btnhover1.png) no-repeat;} .productScroll .next:hover{ background:url(../images/proscroll_btnhover2.png) no-repeat; } .productScroll .scrollWrap{width:1006px;overflow:hidden;position:absolute; margin:0 auto;} .productScroll dl{float:left;width:179px;text-align:center;position:relative;} .productScroll span{display:block;width:151px;height:33px; line-height:33px;position:absolute;left:14px;bottom:33px;background:#d4d2d1;} .productScroll dt{margin:0 auto;width:151px;overflow:hidden;} .productScroll img{display:block;width:151px;height:120px;} .productScroll dd{width:151px;height:33px;line-height:33px;text-align:center;overflow:hidden;position:absolute;left:14px;bottom:33px;} .productScroll dd a{ color:#3b3b3b; font-size:12px; } .productScroll dd a:hover{ text-decoration:none; } .productScroll dl:hover span{ background:#0c7dc4; } .productScroll dl:hover dd a{ color:#fff;} .productScroll dl{ background:url(../images/proscroll_imgbg.png) no-repeat; padding:21px 14px 0; width:151px; height:186px; margin:0 12px;} /*cont4*/ .cont4_title{ float:left; display:inline-block; background:url(../images/cont4_titlebg.jpg) no-repeat; width:105px; height:27px; line-height:27px; text-align:center; color:#fff; margin-right:10px;} .cont4{background:url(../images/cont2_bg.jpg) no-repeat center bottom; padding-bottom:40px;width:100%; margin:0 auto 15px; } /* 文字滚动css */ .txtMarquee-left{ float:left; height:27px; line-height:27px; width:880px; position:relative; } .txtMarquee-left .bd{ } .txtMarquee-left .bd .tempWrap{ width:780px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */ .txtMarquee-left .bd ul{ overflow:hidden; zoom:1; } .txtMarquee-left .bd ul li{ margin-right:20px; float:left; height:24px; line-height:24px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */ .txtMarquee-left .bd ul li span{ float:right; } .txtMarquee-left .bd ul li a{ color:#f90a05;} /*cont5*/ .cont5{ margin-bottom:15px;} .cont5_left{ float:left; width:100%; height:290px;} .news{width:465px; float:left; padding:20px 25px;} .news_title{} .news_title .more{ float:right;background:url(../images/morebg.png) no-repeat; width:63px; height:20px; text-align:center; line-height:20px; margin-top:4px; color:#303030; font-size:12px; } .cont5_left ._left .news_title span{ display:inline-block; width:143px; height:22px;} .cont5_left ._right .news_title span{ display:inline-block; width:181px; height:22px;} .news ul{ margin-top:10px;} .news ul li{ line-height:25px;color:#3b3b3b; overflow:hidden; background:url(../images/tab_libg.png) no-repeat left center; padding-left:10px; overflow:hidden;} .news ul li a{ float:left; width:380px; overflow:hidden; color:#3b3b3b;text-overflow: ellipsis;white-space: nowrap;} .news ul li a:hover{ color:red;} .news ul li span{ float:right;} /*cont5_right*/ .cont5_right{ float:right; width:350px; height:254px; position:relative; overflow:hidden; } .cont5_right .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; } .cont5_right .hd li { color:#0c7dc4; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; } .cont5_right .hd li.on { background:#0c7dc4; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; } .cont5_right .bd li img{width:240px; height:244px; } /*cont6*/ .cont6{width:100%; } .cont6_title{float:left; display:inline-block;} .cont6_link{ float:left;} .cont6_link li{ float:left; padding:0 5px 5px 0; } /*cont7*/ .cont7{ padding:10px 0 25px 5px; width:100%; color:#4d4c4c;} /*foot*/ footer{ padding-bottom:48px; } .foot1{ line-height:24px; color:#4d4c4c; margin:24px 0;} .foot1 p span{ padding-right:25px;} .foot2{ margin:0 auto; width:1006px; height:36px; line-height:36px;border:1px solid #dddddd; border-width:1px 0; color:#4d4c4c;} .foot2_left{ float:left;} .foot2_right{ float:right;} .foot2 a{ color:#4d4c4c; padding:0 2px;} .foot3{ margin:0 auto; width:1006px;color:#868585; padding:10px 0;} .foot3 .support{ float:right; display:inline-block;} .foot3 a{ color:#868585;} /*底部悬浮*/ .bottom{ position:fixed; z-index:9998; bottom:0; background:url(../images/bottombg.jpg) repeat-x; height:48px; width:100%;} .bottom_logo{ float:left; display:inline-block;width:111px; height:31px; margin-top:8.5px;} /*滚动新闻*/ .bottom_news { float:left; position: relative;zoom: 1; width:205px;height: 24px; padding:12px 5px 12px 25px; overflow: hidden; background:url(../images/bottom_border.png) no-repeat right center; } .bottom_news a{ color:#fff; } .bottom_news li { line-height: 2em; background:url(../images/bottom_newsbg.png) no-repeat left center; padding-left:10px; list-style:none; } .bottom_a{ float:left; padding:11px 12px 0 30px;} .bottom_a a{ background:url(../images/bottom_btnbg.png) no-repeat; width:71px; height:26px; text-align:center; line-height:26px; display:inline-block; margin-right:8px; color:#fff;} .bottom_a a img{vertical-align:middle;} .bottom_search{ float:left; background:url(../images/bottom_searchbg.png) no-repeat; width:156px; height:26px; line-height:26px;margin-top:11px;} .bottom_txt{ float:left; width:116px; padding:0 4px;height:26px; background:none;} .bottom_btn{float:left; cursor:pointer; width:26px;height:26px; margin-left:6px; background:none; text-indent:-999em;} .bottom_tel{ float:left; background:url(../images/bottom_telbg.png) no-repeat; width:170px; height:22px; margin:14px 15px 0 15px;} .bottom_ico1{ float:left; padding-top:13px; background:url(../images/bottom_border.png) no-repeat left center; padding-left:10px; padding-bottom:13px;} .bottom_site{ float:left; margin-top:13px;} /*底部悬浮*/ .bottom_parent{ display:block; } .bottom_float{ position:absolute; right:-270px; display:block; bottom:49px; background:url(../images/bottom_floatbg.png) no-repeat; width:696px; height:47px;} .bottom_ico1{ position:relative; } .bottom_float{ display:none;} .bottom_parent:hover .bottom_float{display:block;} .bottom_float ul{ padding:10px 0 0 40px;} .bottom_float ul li{ float:left;} .bottom_float ul li a{ display:inline-block; color:#fff; font-size:14px;height:30px; line-height:30px; font-family:"微软雅黑"; margin:0 3px;} .bottom_float ul li span{ display:inline-block; width:43px; height:30px; float:left;} .floatli1 span{ background:url(../images/bottom_floatico7.png) no-repeat left center; } .floatli2 span{ background:url(../images/bottom_floatico6.png) no-repeat left center; } .floatli3 span{ background:url(../images/bottom_floatico5.png) no-repeat left center; } .floatli4 span{ background:url(../images/bottom_floatico4.png) no-repeat left center; } .floatli5 span{ background:url(../images/bottom_floatico3.png) no-repeat left center; } .floatli6 span{ background:url(../images/bottom_floatico1.png) no-repeat left center; } .floatli7 span{ background:url(../images/bottom_floatico2.png) no-repeat left center;} .show .bottom_float{ display:block;} /*右侧悬浮*/ /*.float_right{ position:fixed; right:0; bottom:100px; z-index:9999;} .float_right ul li{ border-bottom:1px solid #6a6a6a;}*/ .float_right ul li a{ width:63px; display:block; height:50px; padding:5px 0; text-align:center; background:#272727; font-family:"微软雅黑"; color:#fff; } .float_right ul li a span{ display:block;padding-top:30px;} .float_right ul li a:hover{ background:#0c7dc4; } .float_rightli1 a span{ background:url(../images/bottom_floatico7.png) no-repeat center top; } .float_rightli2 a span{ background:url(../images/bottom_floatico6.png) no-repeat center top; } .float_rightli3 a span{ background:url(../images/bottom_floatico5.png) no-repeat center top; } .float_rightli4 a span{ background:url(../images/bottom_floatico4.png) no-repeat center top; } .float_rightli5 a span{ background:url(../images/bottom_floatico3.png) no-repeat center top; } .float_rightli6 a span{ background:url(../images/bottom_floatico1.png) no-repeat center top; } .float_rightli7 a span{ background:url(../images/bottom_floatico2.png) no-repeat center top; } /*右侧悬浮修改20181210*/ .fl{float:left; display:inline;} .fr { display: inline; float: right;} img , input{border:0; display:inline-block; outline:none;} .warp{height:auto; margin:0 auto; overflow:hidden; position:relative;} div{ display:block;} .c_meau{ width:211px; height:380px; position:fixed; left:50%; margin-left:830px; bottom:-390px; display:none;} .c_meau .fl{ width:125px;} .c_meau .fl h4{ width:100%; height:61px; background:url(../images/c_meau_4.png) no-repeat; color:#81511c; font-size:16px; line-height:22px; text-align:center; padding:8px 0; font-weight:bold;} .c_meau .fl_o{ background:#fff; margin:-16px 0; padding:10px 0 0 0;} .c_meau .fl_o_o{ color:#7d7d7d; font-size:14px; } .c_meau .fl_o_o { padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto;} .c_meau .fl_o_o dd{ line-height:14px;} .c_meau .fr_o{ margin:90px 0 60px 0;} .c_meau .fr_t{ margin-left:8px; cursor:pointer;} .c_meau{ height:auto; bottom:-390px; display:block;} .c_meau .fl_o_o dd{ line-height:22px;} .c_meau .fl_o{ margin:-16px 0 -11px 0;} .c_meau .fr_o {margin: 90px 0 168px 0;} .c_meau .fl_top{color:#7d7d7d; font-size:14px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; width:108px; text-align:center; margin:auto auto 10px auto; } @media screen and (max-device-width: 1366px) { .c_meau{ margin-left:515px; z-index:100;} } /*新闻列表页面*/ .inner_banner{ width:100%; text-align:center; overflow:hidden;} .inner_banner img{ height:169px;} .inner_cont{ width:1036px; margin:0 auto; margin-top:20px; padding-bottom:30px;} .cont_top{ background:url(../images/cont_topbg.jpg) repeat-x; height:50px; line-height:50px; } .location{ float:left; color:#3b3b3b; width:490px; overflow:hidden;} .location a{ padding:0 5px; color:#3b3b3b;} .location i{ padding:0 5px;} .cont_top .search{ float:right; width:500px; margin-top:10px;} /*新闻相关产品*/ .left_siderpro{float:left; width:225px; background-color:#fff;} .left-siderpro h4 {font-family:"微软雅黑"; font-size:18px; height:39px; line-height:39px; padding-bottom:5px;} .left_siderpro ul{float:left;} .left_siderpro li{} .left_siderpro li img{width:220px;} /*新闻左侧栏目*/ .left_sider{float:left;width:225px;background:#0c7dc4 url(../images/leftsider_topbg.jpg) no-repeat center top;} .left_bg1{ width:225px; height:20px;} .menue{ background:#0c7dc4; width:211px; margin:0 auto;} .left_contact{ background:#0c7dc4 url(../images/leftsider_botbg.jpg) no-repeat center bottom; width:211px; padding:0 7px 18px 7px; } .left_title{ height:47px; line-height:47px; color:#fff; font-size:20px; font-weight:bold; font-family:"微软雅黑"; padding-left:8px; } .left_title i{font-size:14px; font-weight:normal; text-transform:uppercase; padding-left:5px; } .menue_ul{ background:#e6e6e6;width:211px; padding-bottom:14px;} .menue_ul li{ width:192px; margin:0 auto; background:#e6e6e6 url(../images/menue_line.jpg) no-repeat center bottom; padding-bottom:3px;} .menue_ul li a{ display:block; color:#3b3b3b;font-size:14px; background:url(../images/menue_libg.jpg) no-repeat; height:33px; line-height:33px; padding-left:30px; } .menue_ul li a:hover{color:#fff;background:url(../images/menue_lihoverbg.jpg) no-repeat; } .menue_ul li.on a{color:#fff;background:url(../images/menue_lihoverbg.jpg) no-repeat;} .menue_bgtop,.contact_bgtop{ background:url(../images/menue_topbg.jpg) no-repeat; width:211px; height:20px;} .menue_bgbot,.contact_bgbot{ background:url(../images/menue_botbg.jpg) no-repeat; width:211px; height:20px;} .left_contact .left_title{ height:55px; line-height:55px; } .left_contactline{background:url(../images/left_contactline.jpg) repeat-x; height:3px; margin-top:25px;} .left_contactbg{ background:#e6e6e6; width:211px;} .left_contactbg p{ padding:20px 10px 5px; line-height:18px; color:#3b3b3b; } .left_contacttel{ display:block; background:url(../images/left_contacttel.jpg) no-repeat; height:28px; width:211px;} /*right_sider*/ .right_sider{ float:right; width:800px; margin-bottom:66px; height:auto!important; min-height:490px; height:490px;} .news_list{} .news_listul{ float:left; width:586px; padding:10px 0 34px 0;} .news_listul li{ height:30px; border-bottom:1px dashed #d9d9d9; line-height:30px; padding-left:5px; } .news_listul li span{ float:right;color:#3b3b3b;} .news_listul li a{ color:#3b3b3b;background:url(../images/news_arrow.jpg) no-repeat left center; padding-left:15px;} .news_listul li:hover a{color:#0c7cc4;} .news_listul2{ float:left; width:715px; padding:10px 0 34px 0;} .news_listul2 li{border-bottom:1px dashed #d9d9d9; line-height:30px; padding:5px 0 0 5px; } .news_listul2 li span{ float:right;color:#3b3b3b; padding-bottom:10px;} .news_listul2 li a{ color:#3b3b3b;background:url(../images/news_arrow.jpg) no-repeat left center; padding-left:15px; font-size:14px; font-weight:bold;} .news_listul2 li:hover a{color:#0c7cc4;} .reference{ float:right; width:130px;} .reference h4{ color:#626262; font-weight:bold; font-size:14px; height:30px;line-height:30px; padding-bottom:5px;} .reference ul{} .reference ul li{ background:url(../images/right_referencebg.jpg) no-repeat; width:120px; padding-left:7px; height:28px; margin-bottom:5px;} .reference ul li a{ display:block; color:#4d4d4d; font-size:14px; } .pro_listul{ padding-top:30px; border-bottom:1px dashed #dfdfdf;} .pro_listul li{ width:223px; float:left; text-align:center; margin-right:30px; margin-bottom:33px; } .pro_listul li em{display:block;background:url(../images/pro_shadow.jpg) no-repeat center bottom; padding-bottom:12px;} .pro_listul li img{ width:213px; padding:3px; border:1px solid #c7c7c7;} .pro_listul li a{ display:block;} .pro_listul li span{ display:block; height:32px; line-height:32px; color:#3b3b3b;} .pro_listul li.liright{ margin-right:0px;} .pro_listul li:hover span{color:#0c7dc4;} /*单页*/ .single{ color:#3b3b3b; font-size:14px; line-height:24px; width:740px; overflow:hidden; padding-top:25px;} /*详细页*/ .pro_infoul{} .pro_infoul li{ float:left; margin-right:24px;} .pro_infoul li a{ display:block; position:relative; cursor:pointer;} .pro_infoul li img{ width:226px; height:87px; padding:1px; border:1px solid #d7d5d5;} .pro_infoul li span{ position:absolute; left:20px; top:35px; color:#3b3b3b; font-size:16px; font-weight:bold; background:url(../images/news_infoarrow.png) no-repeat left center; padding-left:15px;font-family:"微软雅黑";} .pro_infoul li.liright{ margin-right:0;} .pro_intro{ border-bottom:1px solid #cfcfcf;} .pro_intro li{ float:left;width:169px; padding-right:18px; padding-bottom:30px; text-align:center;} .pro_intro li em{ display:block;} .pro_intro li img{ width:167px; height:135px; border:1px solid #ebebeb; box-shadow:1px 1px 1px #ebebeb;} .pro_intro li span{ display:block; height:39px; line-height:39px; color:#3b3b3b; overflow:hidden;} .pro_intro li:hover span{color:#0c7dc4;} .pro_intro li a{ display:block; cursor:pointer;} .pro_intro li.liright{ padding-right:0;} /*新闻详细*/ .post{ margin:30px auto 0px; width:760px;color:#3b3b3b; height:auto !important; min-height:500px; height:500px;} .post2{ margin:30px auto 0px; color:#3b3b3b; height:auto !important; min-height:500px; height:500px;} .entry_title{ background:#fff; border:1px solid #f5f5f5; padding:2px; } .entry_title span{ display:block; text-align:center; color:#626262; font-size:16px;font-weight:bold; height:48px; line-height:48px; background:#f5f5f5; } .entry_meta{ height:50px; line-height:50px; overflow:hidden; text-align:center;} .entry_meta span{ color:#767676; padding:0 5px;} .entry_meta span a{ color:#767676;} .entry_meta span a:hover{ color:#0c7dc4;} .entry_content{ margin-top:15px;} .turnpage{ padding:12px 20px;border:1px solid #f5f5f5; color:#3b3b3b; background:#fefefe; line-height:30px; margin-top:20px;} .turnpage a{color:#3b3b3b;} .turnpage a:hover{color:#0c7dc4;} .pro_infoul{ margin-top:35px;} .pro_intro h4{ line-height:39px; height:39px; margin:23px 0 17px 0; color:#3b3b3b; font-size:18px; font-family:"微软雅黑";} .pro_infobot{} .pro_infobotdl{ margin:35px 0 0; } .pro_infobotdl dt{ color:#3b3b3b; font-size:18px;font-family:"微软雅黑"; height:35px; line-height:35px; padding-bottom:5px; } .pro_infobotdl dt a{ float:right; background:url(../images/morebg.jpg) no-repeat; width:62px; height:19px; text-align:center; line-height:19px; margin-top:4px; color:#303030; font-size:12px; font-family:"宋体"; } .pro_infobotdl dd{ line-height:30px; background:url(../images/tab_libg.png) no-repeat left center; padding-left:12px;} .pro_infobotdl dd a{ color:#3b3b3b; } .pro_infobotdl dd span{ float:right; color:#3b3b3b;} .pro_infobot .dl1{float:left; width:222px; padding-right:50px; border-right:1px solid #e2e2e2;} .pro_infobot .dl2{float:right; width:480px;} .pro_infobotdl dd:hover a{color:#0c7dc4;} .pro_infobotdl dt a:hover {color:#0c7dc4;} /*造型指南*/ .pro_contul{ margin-top:12px; } .pro_contul li{ float:left; width:205px; height:344px; padding:0 14px; background:#efefef; margin-right:24px; z-index:1; position:relative; margin-bottom:50px; } .pro_contul li a{display:block; position:absolute; z-index:9; left:0; top:0;width:233px; height:344px; cursor:pointer; background:url(about:blank);} .pro_contul li h5{ color:#5a5a5a; font-size:12px; font-weight:bold;text-align:center; height:51px; line-height:51px;} .pro_contul li p{ color:#545454; line-height:24px; margin:17px 0; height:72px; overflow:hidden;} .pro_contul li img{ width:203px; height:136px; border:1px solid #dadada;} .pro_contul li i{ display:block; background:url(../images/morebg2.jpg) no-repeat center top; width:87px; height:27px; margin:0 auto; text-align:center; line-height:27px; color:#303030;} .pro_contul li.liright{margin-right:0px; } .pro_contul li:hover {} .pro_contul li:hover h5{ color:#0c7dc4;} .pro_contul li:hover i{ color:#0c7dc4;} .pro_menue1{ background:#f1f1f1;height:46px; padding:24px 0 30px; } .pro_menueul1{ width:1006px; margin:0 auto;} .pro_menueul1 li{ float:left; text-align:center; background:url(../images/pro_menuebg1.jpg) no-repeat; width:175px; height:46px; line-height:46px;border:1px solid #d9d9d9; margin-right:29px;} .pro_menueul1 li a{ display:block; color:#3b3b3b; font-family:"微软雅黑"; font-size:16px;} .pro_menueul1 li.on{ background:#fc5a02; color:#fff; } .pro_menueul1 li.on a{ color:#fff; } .pro_menueul1 li:hover{ background:#fc5a02;color:#fff; } .pro_menueul1 li:hover a{color:#fff} .pro_menueul1 li.liright{margin-right:0;} .pro_menueul1 li#liright{margin-right:0;} /*产品目录*/ .pro_pictxt{ margin-top:10px; margin-bottom:5px; border-bottom:1px solid #cfcfcf;} .pro_pictxt .pro_pictxtdl{ width:390px; float:left; margin-right:10px; padding-bottom:20px;} .pro_pictxt .dlright{margin-right:0;} .pro_pictxtdl a{ display:block; cursor:pointer;} .pro_pictxtdl dt{ width:160px; float:left; padding-right:10px; } .pro_pictxtdl dt img{ width:160px; height:140px; border:1px solid #dedede;} .pro_pictxtdl dd{ height:145px; overflow:hidden;} .pro_pictxtdl dd h5{ color:#3b3b3b; font-size:14px; font-weight:bold; height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .pro_pictxtdl dd p{ color:#3b3b3b; line-height:24px; margin:3px 0 2px; overflow:hidden;} .pro_pictxtdl dd i{ background:url(../images/morebg3.png) no-repeat center center; display:block; width:87px; height:27px; text-align:center; line-height:27px; color:#303030;} .pro_pictxtdl:hover h5{ color:#0c7cc4;} .pro_pictxtdl:hover i{ color:#0c7cc4;} .pro_hot{ margin-top:10px;} .pro_hot h4{ height:40px; line-height:40px; color:#3b3b3b; font-size:18px; font-family:"微软雅黑";} .pro_hotul{} .pro_hotul li{ float:left; margin-right:10px; width:190px; position:relative; text-align:center;} .pro_hotul li a{ display:block;} .pro_hotul li span{ display:block; color:#3b3b3b; height:46px; line-height:24px;} .pro_hotul li img{ width:170px; height:136px;border:1px solid #eeeeee;} .pro_hotul li i{ position:absolute; top:-1px; left:-1px; background:url(../images/hot_ico.png) no-repeat left top; display:block; width:59px; height:59px; } .pro_hotul li.liright{ margin-right:0;} .pro_hotul li:hover span{ color:#0c7cc4;} /*客户评价*/ .pro_say_title{ float:left; display:inline-block; background:url(../images/cont4_titlebg.jpg) no-repeat; width:105px; height:27px; line-height:27px; text-align:center; color:#fff; margin-right:10px;} .pro_say{ width:100%; } /* 文字滚动css */ .say-left{ float:left; height:27px; line-height:27px; width:880px; position:relative; } .say-left .bd{ } .say-left .bd .tempWrap{ width:780px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */ .say-left .bd ul{ overflow:hidden; zoom:1; } .say-left .bd ul li{ margin-right:20px; float:left; height:24px; line-height:24px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */ .say-left .bd ul li span{ float:right; } .say-left .bd ul li a{ color:#f90a05;} /*发表评价*/ .say_form{ padding-top:5px;} .say_form span{ color:#3b3b3b; font-size:12px; height:19px; line-height:19px; padding-left:15px;} .say_form span img{vertical-align:middle;} .say_textarea{ height:54px; width:989px; padding:5px; border:1px solid #9f9f9f;} .say_btn{ color:#fff; background:#0c7dc4; text-align:center; height:29px; font-size:14px; font-weight:bold; line-height:29px; width:76px; margin:5px 0 5px 0; } /*推荐产品*/ .pro_ad{ border-top:1px solid #cfcfcf;} .pro_ad h4{ height:31px; padding:32px 0 16px; color:#3b3b3b; font-family:"微软雅黑"; font-size:18px;} .pro_adul{} .pro_adul li{ float:left; padding-right:24px; text-align:center;width:182px; overflow:hidden;} .pro_adul li em{ display:block;background:url(../images/pro_adbg.jpg) no-repeat center;width:171px; height:136px; padding:5px; } .pro_adul li a{ display:block; cursor:pointer;} .pro_adul li img{ width:171px; height:136px;} .pro_adul li span{ background:url(../images/pro_adshadow.jpg) no-repeat center top; display:block; height:40px; line-height:20px; padding:10px 0 18px 0; color:#3b3b3b; } .pro_adul li.liright{padding-right:0;} .pro_adul li:hover span{ color:#0c7cc4;} /*pro_infolast*/ .pro_infolast{ border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; margin:20px 0 25px;color:#3b3b3b; } .pro_infonews{ float:right; width:408px; padding-right:80px;} .pro_infonews h4,.pro_infocontact h4{font-family:"微软雅黑"; font-size:18px; height:39px; line-height:39px; padding-bottom:5px;} .pro_infonews ul{float:left;} .pro_infonews ul li{line-height:34px; height:34px; background:url(../images/tab_libg.png) no-repeat left center; padding-left:10px; } .pro_infonews ul li a{ color:#3b3b3b;} .pro_infonews ul li span{ float:right; padding-left:15px;} .pro_infonews ul li:hover a{ color:#0c7cc4;} .pro_infocontact{ float:left; width:434px; } .pro_infocontact p{ line-height:20px;} .inner_cont .pro_menueul1{ padding-bottom:56px;} .pro_infocontact .pro_tel{ padding-bottom:0px; font-family:"微软雅黑";font-size:16px; line-height:41px; } /*产品切换*/ /* 双重slide-相册效果 */ .infolefttop{ float:left; width:500px; height:480px;} .pic_switch{ text-align:left; } .pic_switch .bd{ border:1px solid #d2d2d2;} .pic_switch .bd li .pic{ line-height:0px; } .pic_switch .bd li .bg,.pic_switch .bd li .title{ display:none; } .pic_switch .bd li img{ width:451px; height:359px; } .pic_switch .hd{ position:relative; margin-top:10px; zoom:1; } .pic_switch .hd .tempWrap{ margin-left:8px; } .pic_switch .hd ul{ overflow:hidden; zoom:1; } .pic_switch .hd li{ width:70px; padding-top:4px; text-align:center; cursor:pointer;float:left;} .pic_switch .hd li img{ width:61px; height:48px; border:1px solid #d2d2d2; } .pic_switch .hd li.on{} .pic_switch .hd li.on img{ border:2px solid #f90a05; background:#fff; } .infolefttop{ position:relative;} .video_btn{ background:url(../images/video_btn.jpg) no-repeat; width:80px; height:64px; display:block; position:absolute; bottom:3px; right:12px; z-index:99;} .inforighttop{ float:right; width:507px; margin-right:10px;} .inforighttop h3{ color:#363636; font-size:30px;} .inforighttop h4{ color:#363636; line-height:24px; padding:15px 0 20px;} .inforighttop_ul1{} .inforighttop_ul1 li{ line-height:24px; background:url(../images/redcircle.jpg) no-repeat left center; padding-left:10px;} .inforighttop_ul1 li a{ color:#363636;} .inforighttop_ul2{ padding:30px 0 15px;} .inforighttop_ul2 li a{ display:block; float:left; width:104px; height:40px; line-height:40px; text-align:center; color:#fff; background:#078fe5; margin: 10px 8px 0 0;} .inforighttop_ul2 li a.disabled{cursor: not-allowed;} .inforighttop_ul2 li a:hover{opacity: 0.8;} .inforighttop_ul2 li span{vertical-align: middle;} .inforighttop_dl{ padding:10px 0 10px; border:1px solid #ccc; border-width:1px 0;} .inforighttop_dl dt{ font-weight:bold; color:#d80b18;} .inforighttop_dl dd{} .inforighttop_dl dd a{ color:#3b3b3b;} .inforighttop_ul3{ padding-top:25px;} .inforighttop_ul3 li{ float:left; height:63px; padding-right:20px; } .inforighttop_ul3 li a:hover{ position:relative; top:1px; left:1px;} /*选项卡*/ .pro_infotab{ margin-top:30px; } .pro_infotab .hd{ overflow:hidden; background:#e9e9e9; padding-left:25px; } .pro_infotab .hd li{ position:relative; height:49px; line-height:49px; text-align:center; padding:0 25px;float:left; font-size:14px; color:#3b3b3b;_font-weight:bold;font-weight:bold; cursor:pointer; } .pro_infotab .hd li.on{ background:#0c7dc4;color:#fff; } .pro_infotab .bd{ min-height:300px; } .pro_infotab .bor{border-bottom: 2px solid #0c7dc4; padding:7px 7px; font-size:14px; font-weight: bold; margin-bottom:5px; } .pro_infotab .lh{ overflow:hidden; width:100%; margin:0 auto; padding:15px 0; } .pro_infotab .hd li{ background:#e9e9e9;} .pro_infotab .hd li span{ padding-left:25px;} .pro_infotab .hd li .ico1{ background:url(../images/proinfotab_ico1.png) no-repeat left center;} .pro_infotab .hd li .ico2{ background:url(../images/proinfotab_ico2.png) no-repeat left center;} .pro_infotab .hd li .ico3{ background:url(../images/proinfotab_ico3.png) no-repeat left center;} .pro_infotab .hd li .ico4{ background:url(../images/proinfotab_ico4.png) no-repeat left center;} .pro_infotab .hd li .ico5{ background:url(../images/proinfotab_ico5.png) no-repeat left center;} .pro_infotab .hd li .ico6{ background:url(../images/proinfotab_ico6.png) no-repeat left center;} .pro_infotab .hd li .ico7{ background:url(../images/proinfotab_ico7.png) no-repeat left center;} .pro_infotab .hd li.on .ico1{ background:url(../images/proinfotab_ico1h.png) no-repeat left center;} .pro_infotab .hd li.on .ico2{ background:url(../images/proinfotab_ico2h.png) no-repeat left center;} .pro_infotab .hd li.on .ico3{ background:url(../images/proinfotab_ico3h.png) no-repeat left center;} .pro_infotab .hd li.on .ico4{ background:url(../images/proinfotab_ico4h.png) no-repeat left center;} .pro_infotab .hd li.on .ico5{ background:url(../images/proinfotab_ico5h.png) no-repeat left center;} .pro_infotab .hd li.on .ico6{ background:url(../images/proinfotab_ico6h.png) no-repeat left center;} .pro_infotab .hd li.on .ico7{ background:url(../images/proinfotab_ico7h.png) no-repeat left center;} .info_tabh4{ font-size:16px; padding-bottom:20px;} /*产品参数表格样式*/ table.cs {width:100%; border:1px #666; border-collapse:collapse;} table.cs td {padding:5px; border-width: 1px; border-style: solid;} /*资料下载*/ .info_tabdownload{ font-weight: bold; height:34px; line-height:34px; border-bottom:2px solid #a1a1a1;} .info_tabdownload li{ float:left; width:25%; text-align:center;} .lh ._ul{ background:#fff;} .lh ._ul li{ font-weight:normal; border-bottom:1px solid #f2f2f2;} .lh ._ul li a{ background:url(../images/proinfotab_ico6.png) no-repeat left center; padding-left:20px;} .lh ._ul li.li2{ background:#f2f2f2;} /*侧导航*/ .operate{ background:#e6e6e6; } #J_navlist{ width:192px; margin:0 auto;} .operate ul li { display:inline; } .operate ul li a {color:#3b3b3b; display:block; height:33px; line-height:33px; } .operate ul li a.noline { border-bottom:none; } .operate ul li a:hover{ color:#8caf00; transition: all 0.6s ease 0s;} .operate ul li a.selected:hover { color:#fff; } .operate ul li .selected {color:#fff; } .operate ul li { display:inline-block; width:188px; position: relative; min-height:33px; _height:33px; z-index: 10; zoom:1; padding:0 2px; } .operate ul li h4 { cursor:pointer; background:url(../images/pro_navbg2.jpg) no-repeat left center; padding-left:20px; text-decoration:none; font-size:14px; color:#3b3b3b; display:block; line-height:33px; font-weight:normal; } .operate ul li.noline { border-bottom:none; } .operate ul li h4:hover {} .operate ul li.selected h4 { background:url(../images/pro_navbg1.jpg) no-repeat left center; } .bg-color { background-color:#8caf00; } .operate li .list-item { position:relative; zoom:1 } .operate li .list-item p { padding-left:20px; background:url(../images/pro_navbg3.jpg) no-repeat left center; } .operate li .list-item a { color: #3b3b3b; display:block; height:24px; line-height: 24px; position: relative; text-decoration: none; font-size:12px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; } .left-sider .operate {zoom:1; border-bottom:8px solid #1e317e; } .left-sider .ser-online a { background:url(../images/bg_ser_online.jpg) no-repeat 0 0; margin-top:10px; height:75px; display:block; } .operate ul li h4 { cursor:pointer; } .operate ul li{ background:url(../images/menue_line.jpg) no-repeat center bottom;} .operate ul li.selected h4 a{color:#0c7dc4; } .operate ul li a:hover { color:#0c7dc4;} .operate ul div{ display:none;} /*下拉*/ /* searchTxt */ .searchMenu{ float:left; width:180px; margin-bottom:100px; margin-left:15px;} .searchSelected{ width:171px; height:20px; line-height:20px; text-align:center; font-family:"宋体"; font-size:12px; color:#767676; background:url(../images/search_arrow.png) no-repeat 155px center; border:1px solid #b8b7b7;cursor: pointer;} #searchTab{border:1px solid #b8b7b7; border-width:0 1px 1px 1px;width:171px;} .searchTab li{cursor: pointer; height: 25px; line-height:25px; width:171px; text-align:center; } .jslct {float:left; margin:0 10px;margin-top:5px; color:#666; font-family:"宋体"; display:inline-block; *display:inline; zoom:1; font-size:12px; position:relative; line-height:12px; vertical-align:middle; cursor:default; border:1px solid #ccc; z-index:0; } .jslct_hover { border:1px solid #333 } .jslct div.jslct_t { height:20px; line-height:20px;width:171px;position:relative; z-index:2;*display:block!important;*display:inline;zoom:1; text-align:center;} .jslct em {font-style:normal;margin:0;padding:0;line-height:20px;display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; background:url(../images/search_arrow.png) no-repeat 160px center;} .jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none} .jslct dl {background:#fff;position:absolute;top:20px;left:-1px;border:1px solid #ccc;cursor:default; line-height:22px;width:171px; z-index:1;display:none;text-align:center;} .jslct_hover dl {border:1px solid #b8b7b7!important;text-align:center;} .jslct dl dd {border-top:1px dotted #b8b7b7;width:171px; white-space:nowrap;background:#fff;cursor:pointer;*border-left:1px solid #fff;text-align:center;} .jslct dl dd.hover {background:#d5d3d2;color:#fff;} .jslct .jslcted {background:#efefef;} .jslct dl dd.noborder {border:none!important} /*首页选项卡*/ .news_tab{width:440px; } .news_tab .hd{line-height:28px; height:28px; position:relative;} .news_tab .hd li{ float:left; width:97px; height:26px; line-height:26px; cursor:pointer; text-align:center; border:1px solid #bababa; margin-right:14px; } .news_tab .hd li.on{height:25px; line-height:25px; background:#0c7dc4; } .news_tab .bd{ height:250px; } .news_tab .lh{ overflow:hidden; } .news_tab .hd ul{ z-index:5; padding-left:10px; position:absolute; height:28px; overflow:hidden; zoom:1; } .news_tab .hd li{ float:left; width:97px; height:26px; line-height:26px; cursor:pointer; text-align:center; border:1px solid #bababa; margin-right:14px; } .news_tab .hd li.on{ background:#0c7dc4; } .news_tab .hd li.on a{color:#fff;} .news_tab .hd li:hover a{color:#fff} .news_tab .bd{ padding:5px; clear:both; position:relative; } .news_tab .bd h2{ font-size:14px; } .news_tab .bd p{ color:#999; } .news_tab .bd p a{ color:#c00; } .con ul li a{ width:380px; display:inline-block; overflow:hidden; float:left; height:21px; text-overflow: ellipsis;white-space: nowrap;} .con ul li{ background:url(../images/tab_libg.png) no-repeat left center; padding-left:10px; overflow:hidden;} .con ul li a{ color:#303030; } .con ul li span{ color:#3b3b3b;float:right;} .news_tab .hd li a{padding-left:18px; font-size:14px;} .news_tab .hd li.on a.hd_title1{ background:url(../images/cont1_tabico1w.png) no-repeat;} .news_tab .hd li.on a.hd_title2{ background:url(../images/cont1_tabico2w.png) no-repeat;} .hd_title1{ background:url(../images/cont1_tabico1.png) no-repeat;} .hd_title2{background:url(../images/cont1_tabico2.png) no-repeat; } .news_tab .hd .more{ float:right; background:url(../images/morebg.jpg) no-repeat; width:62px; height:19px; text-align:center; line-height:19px; margin-top:4px; color:#303030;} /*right_contact*/ .right_contact{ padding:20px 0; overflow:hidden; width:740px;} #map{ margin:20px 0;} /*留言表单*/ .message1{width: 680px; margin:0 auto; padding:10px 0 20px 0;} .message1 form { } .message1 form p{ margin:10px 0; } .message1 form label.for_label {color: #717272;display: block;float: left;font-size: 14px;height: 25px;line-height: 25px;margin-right: 5px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 105px;} .message1_txt { float: left;height: 25px;width: 157px;} .message1 form p{ overflow:hidden;} .message1 form p input{border:1px solid #dbdbdb; padding:0 3px;} .message1 .red{ color: red;} .message1 form p textarea{border:1px solid #dbdbdb; width:500px; height:100px; padding:0 3px;} .message1_txt{ width:180px; height:25px;} .message1_span label{ padding-right:18px; font-size:14px;color: #717272;} .message1_span{ height:25px; line-height:25px;} .red{ color:#f00; padding-left:10px;} .message1 form p select{ width:186px;height:25px;border:1px solid #dbdbdb;font-size:14px;} .message1_btn{ width:90px; height:32px; line-height:32px; text-align:center; border:none!important; color:#fff; font-size:14px; color:#fff; cursor:pointer;} .message1 .btn .one{ background:#0c7dc4; margin-right:20px;} .message1 .btn .two{background:#595757;} /* 首页图标*/ .mark ul li { text-align:left;} .mark ul li a{ display:inline-block; padding-left:34px; background-size:32px 32px; font-size:12px;} .mark ul li.mark_ico1 a{ background:url(../images/mark_ico1.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico2 a{ background:url(../images/mark_ico2.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico3 a{ background:url(../images/mark_ico3.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico4 a{ background:url(../images/mark_ico4.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico5 a{ background:url(../images/mark_ico5.png) no-repeat left center;background-size:32px 32px;} .mark _2 li a{ display:inline-block; padding-left:30px; background-size:32px 32px; font-size:13px;} .mark ul li.mark_ico6 a{ background:url(../images/mark_ico6.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico7 a{ background:url(../images/mark_ico7.png) no-repeat left center;background-size:32px 32px;} .mark ul li.mark_ico8 a{ background:url(../images/mark_ico8.png) no-repeat left center;background-size:32px 32px;} .mark2_ico1 a{ background:url(../images/mark2_ico1.png) no-repeat left center;} .mark2_ico2 a{ background:url(../images/mark2_ico2.png) no-repeat left center;} .mark2_ico3 a{ background:url(../images/mark2_ico3.png) no-repeat left center;} .mark2_ico4 a{ background:url(../images/mark2_ico4.png) no-repeat left center;} .mark2_ico5 a{ background:url(../images/mark2_ico5.png) no-repeat left center;} .mark2_ico6 a{ background:url(../images/mark2_ico6.png) no-repeat left center;} .mark2_ico7 a{ background:url(../images/mark2_ico7.png) no-repeat left center;} .mark2_ico8 a{ background:url(../images/mark2_ico8.png) no-repeat left center;} /*分页*/ .page{color:#767676; text-align:center; font-size:12px; } .page a{ color:#767676; display:inline-block; padding:0 9px; height:24px; line-height:24px; border:1px solid #bdbcbc; } .page a.active{ color:#fff; background:#015198; border:1px solid #015198;} .page a:hover{ color:#fff; background:#015198; border:1px solid #015198; } .page input{ width:40px; border:1px solid #bdbcbc; height:20px;} .page span{ padding:0 4px;} .page .turn{ border:none;} .page .turn:hover{color:#767676; background:none; border:none;} .page span{ color:#767676; display:inline-block; padding:0 12px; height:24px; line-height:24px; border:1px solid #bdbcbc;} .page select{height:24px; line-height:24px; border:1px solid #bdbcbc; width:48px;} /*首页公司简介*/ .newstab_dl{overflow:hidden; width:420px; color:#303030;} .newstab_dl dt{ padding-bottom:15px;} .newstab_dl dt img{ width:420px; height:80px;} .newstab_dl dd{height:190px; overflow:hidden;} .newstab_dl dd div{ text-indent:2em;} /*float_right*/ .float_right ul li:hover a{ background:#0c7dc4; } .float_rightli1{ position:relative;} .erweima{ position:absolute; left:-110px; top:0px; display:none;} .float_rightli1:hover .erweima{display:block;} /*首页修改*/ .cont2_bottombg{ height:33px; margin-bottom:13px;} .cont2 li.li6{background:url(../images/cont1_ico6.jpg) no-repeat left top;} .cont2 li.li7{background:url(../images/cont1_ico7.jpg) no-repeat left top;} .cont2 li.li8{background:url(../images/cont1_ico8.jpg) no-repeat left top;} .cont2 li.li9{background:url(../images/cont1_ico9.jpg) no-repeat left top;} .cont2 li.li10{background:url(../images/cont1_ico10.jpg) no-repeat left top;} .cont2 li.li10 span{ border-right:none;} /*首页修改*/ .mark ul li a{ font-weight:bold;} .mark ul li.mark_ico8{ margin-right:0;} .mark ul li.mark2_ico8{ margin-right:0;} .news_tab .hd li a{ display:block; padding-left:0; width:97px; height:26px; text-indent:-999em;} /*产品最终页面*/ .inforighttop h2{ font-size:18px; font-weight:bold;} .infopiclist{} .infopiclist li{ float:left; width:100%; margin-right:8px;} /*产品图集*/ .infopicimg{} .infopicimg li{ float:left; width:241px; margin-right:5px; padding-left:5px;} .infopicimg a{ display:block; cursor:pointer;} .infopicimg em{ display:block; width:240px; height:192px; border:1px solid #e7e7e7;} .infopicimg img{ width:85%; height:85%; margin:15px 18px;} .infopicimg span{ text-overflow: ellipsis;white-space: nowrap;color:#3b3b3b; font-size:14px;display: block; height:28px; line-height:28px; white-space:normal; text-align:center;} .pro_infotab .hd li .ico4_1{ background:url(../images/proinfotab_icoadd1.png) no-repeat left center;} .pro_infotab .hd li .ico8{ background:url(../images/proinfotab_icoadd2.png) no-repeat left center;} .pro_infotab .hd li.on .ico4_1{ background:url(../images/proinfotab_icoadd1h.png) no-repeat left center;} .pro_infotab .hd li.on .ico8{ background:url(../images/proinfotab_icoadd2h.png) no-repeat left center;} .pro_infotab .hd{ padding-left:0;} .pro_infotab .hd li{ padding: 0 21.7px;} .info_tabh4{ font-size: 14px;} /*20151207*/ /* 主要css样式*/ .main-im{position:fixed;right:10px;top:100px;z-index:10000;width:100px;height:272px;} .main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;} .main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;} .main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;} .main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/qq-icon-bg.png) no-repeat center 8px;} .main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;} .main-im .im_main{display:none;} .main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;} .main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;} .main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;} .main-im .im_main .im-tel:hover{background:#fafafa;} .main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(http://demo.lanrenzhijia.com/2015/service0119/images/weixing-icon.png) no-repeat center center;float:left;} .main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;} .main-im .close-im{position:absolute;left:55px;top:-23px;z-index:100;width:24px;height:24px;} .main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/floaticoclose.png) no-repeat left top; } .main-im .close-im a:hover{text-decoration:none;} .main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/floatico.jpg) no-repeat left top; background-color:none;} #im_main ul{ float:right; width:63px;} /*2016216xg*/ .pro_contul li h5,.pro_contul li img,.pro_contul li p,.pro_contul li i{ cursor:pointer;} .centerfalsh{ margin:0 auto; text-align:center;} /*2016318*/ .video_btn{z-index:999;} .multi_slide{ position:relative; width:500px;} .multi_slide:after{ display:block; clear:both; height:0; content:"";} .multi_slide .bd{overflow:hidden; position:relative; height:400px;border:1px solid #d2d2d2;} .multi_slide .bd ul li{ position:relative; width:500px; height:400px;} .multi_slide .bd ul li img{ width:100%; height:100%;} .multi_slide .bd ul p{ position:absolute; right:0; bottom:0; width:100%; height:35px; line-height:35px; background:url(images/info_bg.png) repeat; display:none;} .multi_slide .bd ul p a{ margin-left:15px; color:#333;} .multi_slide .smallScroll{ position:relative; margin-top:10px;} .multi_slide .smallImg{ overflow:hidden; height:70px;width: 420px;margin-left:26px;} .multi_slide .smallImg ul{ width:99999px; height:70px;} .multi_slide .smallImg li{float:left; margin:0 2px;width:80px; height:64px; cursor:pointer;border:1px solid #d2d2d2;} .multi_slide .smallImg img{ width:100%; height:100%; opacity:.4; filter:alpha(opacity=40); -webkit-transition:all .15s linear; transition:all .15s linear;} .multi_slide .smallImg li.on{ border:1px solid #f90a05;} .multi_slide .smallImg li.on img{ opacity:1; filter:alpha(opacity=100); background:#fff;} .multi_slide .pageState{position:absolute; right:10px; top:360px; line-height:35px; letter-spacing:2px; color:#ffffff;} .multi_slide .pageState span{color:#fff;} .multi_slide .bd .btn{ position:absolute; top:116px; width:30px; height:50px; background:url(images/pro_btn.png); opacity:0; filter:alpha(opacity=0); -webkit-transition:all .15s linear; transition:all .15s linear; cursor:pointer;} .multi_slide .bd:hover .btn{ opacity:.6; filter:alpha(opacity=60);} .multi_slide .bd .lPrev{ left:0;} .multi_slide .bd .lNext{ right:0; background-position:-34px 0;} .multi_slide .bd .btn:hover{opacity:1; filter:alpha(opacity=100);} .multi_slide .smallScroll .btn{ position:absolute; top:0px; width:20px; height:66px;line-height:66px; opacity:.8; filter:alpha(opacity=80); cursor:pointer; text-align:center;font-size:18px; color:#3b3b3b;background:#e9e9e9;} .multi_slide .smallScroll .sPrev{ left:0px;} .multi_slide .smallScroll .sNext{ left:375px;} .multi_slide .smallScroll .btn:hover{opacity:1; filter:alpha(opacity=100);} /*2016321*/ .pro_infotab .info_tabdownload li{ overflow:hidden;height:35px;width:15%;} .pro_infotab .info_tabdownload li.lifirst{ width:55%;} /*网站地图*/ .single h2{font-size:16px; font-family:"微软雅黑"; font-weight:bold; padding:20px 0; border-bottom:1px #e2e2e2 solid; border-top:1px #e2e2e2 solid;} .single P{margin:10px 0;} .single span{ display:block;} .map_t{width:740px; margin-bottom:15px; height:30px; line-height:30px; _line-height:26px; background:#f2f2f2; font-size:16px; font-weight:bold; padding-left:15px; border-left:2px #0c7dc4 solid;} .map_a{padding-left:17px;} .map_a a{ padding:0 3px;}